<template>
  <div>
    <div class="partition-block">
      <PartitionBlockCard
      :pid="partition.id"
      :partitionName="partition.partitionName"
        style="width: 75%"
      ></PartitionBlockCard>
      <PartitionBlockRank
      :pid="partition.id"
        style="width: 21%"
      ></PartitionBlockRank>
    </div>
  </div>
</template>
<script>
import PartitionBlockCard from "./PartitionBlockCard.vue";
import PartitionBlockRank from "./PartitionBlockRank.vue";
export default {
  props: {
    partition: {
      type: Object,
    },
  },
  components: {
    PartitionBlockCard,
    PartitionBlockRank,
  },
};
</script>
<style>
.partition-block {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 20px;
}
</style>